         /*==========
          * 页面默认样式
          * ========*/
			html,body{
				height: 100%;
				font-family: "微软雅黑";
				font-size: 14px;
				min-width: 1200px;
				position: relative;
				overflow: auto;
				margin: 0;
				padding: 0;
			}
			html{
				font-size: 62.5%;
				
			}
			ul{
				list-style: none;
				margin: 0;
				padding: 0;
			}
			a{
				text-decoration: none;
				color: #555;
			}
			a:hover{
				text-decoration: underline;
			}
			p{
				margin: 0;
				padding: 0;
			}
			table{
			  border-collapse: collapse;	
			}
			.clearfix:before,
			.clearfix:after{
				display: table;
				content: "";
			}
			.clearfix:after{
				clear: both;
			}
			 /*==========
	          * 自定义样式
	          * ========*/
			.show{
				display: block !important; 
			}
			.hide{
				display: none !important; 
			}
			.parentHeight{
				height: 100%;
			}
			.ulList{
				height: 100%;
	            margin-top: -2px;
			}
			.ulList>li>a{
				color: #FFFFFF;
				text-decoration: none;
                margin-top: 20px;
                display: inline-block;
                width: 196px;
                line-height: 45px;
                text-align: center;
                font-family: "微软雅黑";
               
			}
			.ulList>li>a:hover{
				background: #000;
			    border-left:4px solid #5FB878 ;
			}
			
			.border-limit{
				border: 1px solid #000;
			}
			.open{
				display: block;
			}
			.close{
				display: none;
			}
			.active{
				border-left: 4px solid #5FB878;
				background: #000;
			}
            .title{
            	color: #FFFFFF;
            	text-align: center;
            	font-size:18px;
            	font-weight: bold;
            	padding-top: 20px;
            }
            .summaryActive{
            	color:#5FB878 ;
            }
            .username{
            	width: 100%;
            	height: 60px;
            	box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
            }
            .logo{
            	float: left;
            	margin: 1rem;
            }
           
            .mesg{
            	float: right;
            	margin: 2rem;
            	font-size: 15px;
            }
            .mesg span{
            	display: inline-block;
            	margin-right: 2rem;
            }
          
             #msg{
			   width: 400px;
			   height: 200px;
			   border: 1px solid #DCDCDC;
			   box-shadow: 0px 0px 20px #DCDCDC;
			   position: absolute;
			   left: 50%;
			   margin-left: -200px;
	           background: #FFFFFF;
			   -webkit-transition: all 0.2s linear;
			   -o-transition: all 0.2s linear;
			   transition: all 0.2s linear;
		}
		
		.alertShow{
			top:10%;
		}
		.alertHide{
			top:-10px;
			top:-220px;
		}
		.alertHint{
			width: 100%;
			height: 35px;
			background: #F7F7F7;
			border-bottom: 1px solid #ddd;
		
		}
		.alertTitle{
			line-height: 30px;
			float: left;
			background: #F7F7F7;
		
		}
		.alertTitle>span{
			display: inline-block;
			margin-left: 8px;
			font-family: "微软雅黑";
		}
		.alertDelete{
			float: right;
			line-height: 35px;
			margin-right: 8px;
		}
		.alertDelete>span{
			display: inline-block;
			margin-right: 8px;
            cursor: pointer;			
		}
		.alertContent{
			margin-top: 10%;
			text-align: center;
		}
		.alertBtns{
			text-align: center;
			margin-top: 12%;
		}
		.alertBtns>button{
			width: 60px;
			height: 30px;
			border: none;
			cursor: pointer;
			outline: none;
			font-family: "微软雅黑";
		}
		#alertSureBtn{
			background:#2E8DED;
			border: 1px solid #2E8DED;
			color: #FFFFFF;
		}
		.buttonStyle:hover{
			opacity: 0.8;
		}
		.buttonStyle:active{
			-webkit-transform: scale(0.95);
            transform: scale(0.95);
		}
		.main{
				width:100%;
				display: -webkit-flex;
				display: flex;
				min-height: 1200px;
		}
		.left{
			width: 200px;
			background: #303D49;
		}
		
		
        .right{
			    -webkit-flex: 1;
				-moz-box-flex:1;
	            -ms-flex:1;
	            -o-flex:1;
	            flex:1;
				margin: 10px;
				/*background: #1E2C39;*/
		}
        .left-echart{
        	width:49%;
            height: 50%;
        	float: left;
        }
        .right-echart{
        	width:49%;
            height: 50%;
            float: left;
            margin-left: 1rem;
        }
        .table-select{
        	padding: 20px 0px;
        }
        .table-select select{
        	width: 20rem;
        	height: 3rem;
        	border: 1px solid #CDCDCD;
        	outline: none;
        }
        .table-select select:hover{
        	border: 1px solid #aaa;
        }
         .table-list{
         	width: 100%;
         	margin:10px auto;
         }
         .table-list table{
         	width: 100%;
         	border: 1px solid #cdcdcd;
         	text-align: center;
         	table-layout: fixed;
         }
         .table-list table tr th{
         	background: #f2f2f2;
         	width: 100px;
         	height:60px ;
         	overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
         }
         .table-list table tr:hover{
         	background: #f2f2f2;
         }
         .table-list table tr td{
         	padding: 10px;
         }
         .table-list table tr th{
         	font-size: 16px;
         }
         .page{
         	width:100%;
         	margin-top: 20px;
         	text-align: right;
         }
         .pagea{
         	display: inline-block;
         	padding: 0px 15px;
         	line-height: 28px;
         	border: 1px solid #e2e2e2;
         	background: #ffffff;
         	cursor: pointer;
         }
         .page-normal{
         	background: #ffffff;
         }
         .page-active{
         	background:#5FB878;
         	color: #FFFFFF;
         }
         .turn{
         	cursor: pointer;
         }
         .turn:hover{
         	color: #5FB878;
         }
         
         
         
         /*
          data.html
          * */
         
           .nav{
           	width: 100%;
           	padding-bottom: 2rem;
           }
           
           .navspan{
           	display: inline-block;
           	padding: 8px;
           	color: #FFFFFF;
           	background:#5FB878 ;
           	cursor: pointer;
           	border-radius: 2px;
           		border: 1px solid #5FB878;
           }
           .nav-active{
           	border: 1px solid #5FB878;
           	color: #5FB878;
           	background: #FFFFFF;
           }
           .nav-normal{
           	color: #FFFFFF;
           	background:#5FB878 ;
           		border: 1px solid #5FB878;
           }
          .file-box {
				position: relative;
				width: 340px
			}
			
			.txt {
				height: 22px;
				border: 1px solid #cdcdcd;
				width: 180px;
			}
			
			.btn {
				background-color: #FFF;
				border: 1px solid #CDCDCD;
				height: 24px;
				width: 70px;
			}
			
			.file {
				position: absolute;
				top: 0;
				right: 80px;
				height: 24px;
				filter: alpha(opacity: 0);
				opacity: 0;
				width: 260px
			}
			.name-td{
				font-weight: bold;
				text-align: right;
				padding-right: 0.5rem;
			}
			.data-table table{
				width: 50%;
				line-height: 4rem;
         	    border: 1px solid #cdcdcd;
         	    margin-top: 10px;
			}
			.item-td{
				padding-left: 0.5rem;
			}
			.download{
				    display: inline-block;
				    height: 3.2rem;
				    line-height: 3.2rem;
				    padding: 0 1.8rem;
				    color: #009688;
				    font-size: 1.4rem;
				    border-radius: 2px;
				    cursor: pointer;
				    opacity: .9;
				    font-family: "微软雅黑";
			}
            

            /*
             mediaList.html
             * */
              .upload{
                display: inline-block;
			    height: 3rem;
			    line-height: 3rem;
			    padding: 0  1.7rem;
			    background-color: #009688;
			    color: #fff;
			    white-space: nowrap;
			    text-align: center;
			    font-size: 14px;
			    border: none;
			    border-radius: 2px;
			    cursor: pointer;
			    opacity: .9;
			    font-family:"微软雅黑";
                outline:none;
         }
         .upload:hover{
               opacity: .8;
			    filter: alpha(opacity=80);
			    color: #fff;
         }